<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

    <style>
        .table > thead > tr > th {
            border: 0px;
            text-align: center;
        }
    </style>
    <script>
        $(function () {

        })
    </script>
</head>
<body>
<div>

</div>
<div>

</div>
<div class="row">
    <div class="col-md-10 col-md-offset-1">
        <div>
            <table class="table  table-primary table-striped table-hover">
                <thead class="bg-primary ">
                <tr>
                    <th></th>
                    <th width="100">产品Id</th>
                    <th width="100">规格</th>
                    <th>型号</th>
                    <th width="140">计量单位</th>
                    <th>材质</th>
                    <th>分类名称</th>
                    <th>包装单位</th>
                    <th width="100">是否灭菌</th>
                </tr>
                </thead>
                <tbody>
                {% for item in itemData %}
                <tr>
                    <td>{{ loop.index }}</td>
                    <td>{{ item.g_id }}
                    <td>{{ item.specification }}</td>
                    <td>{{ item.model }}</td>
                    <td>{{ item.unit }}</td>
                    <td>{{ item.material_quality }}</td>
                    <td>{{ item.class_name }}</td>
                    <td>{{ item.pack_unit }}</td>
                    <td>{{ item.is_sterilization }}</td>
                </tr>
                {% endfor %}

                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>